<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>Webpack-sideEffects</h1>
      <p>
        它允许我们通过配置的方式去标识代码是否有副作用,从而为tree
        Shaking提供更大的压缩空间
      </p>
      <p>副作用：模块执行时除了导出成员之外所作的事情</p>
      <p>sideEffects一般用于npm包标记是否有副作用</p>
      <p>在webpack.config.js中（optimization:{ sideEffects : true }）</p>
      <p>在package.json标记是否有副作用（"sideEffects" : false）</p>
      <p>
        现在的标记是没有副作用,那么在打包的时候这些没有把用到的模块就不会被打包
      </p>
    </div>
    <script></script>
  </body>
</html>
